<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第三阶段第三模块作业</title>
  <style>
.tab{
    font-weight: bold;
}
  </style>
</head>
<body onload="init()">
    <div class="container">
        <table class="table" id="table">           
                <button class="btn btn-info" id="user_add" data-toggle="modal" data-target="#myModal">新增</button>
                <button class="btn btn-info" id="user_delete">删除</button>
                <button class="btn btn-info" id="user_edit" data-toggle="modal" data-target="#myModal">编辑</button>
                <button class="btn btn-info" id="user_find">查询</button>
                <input type="text" id="s_code" placeholder="按工号查询" >
                <input type="text" id="n_code" placeholder="按姓名查询" >
                <tr>
                    <td class="tab">序号</td>
                    <td class="tab">工号</td>
                    <td class="tab">姓名</td>
                    <td class="tab">性别</td>
                    <td class="tab">密码</td>
                    <td class="tab">年龄</td>
                    <td class="tab">出生日期</td>
                </tr>       
            <tbody id="tbody">
            </tbody>
        </table>
          <!-- 模态框（Modal） -->
        <div class="modal " id="myModal" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal" aria-hidden="true">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body" id="modal-body">
                     <from class="">
                    <p>工号<input class="form-control" type="text"  id="m_code" placeholder="请输入工号">  </p>
                    <p>姓名<input class="form-control" type="text"  id="m_userName" placeholder="请输入姓名" > </p>
                    <p>性别<input class="form-control" type="text"  id="m_sex" placeholder="请输入性别">  </p>
                    <p>密码<input class="form-control" type="text"  id="m_passWord" placeholder="请输入密码">  </p>
                    <p>年龄<input class="form-control" type="text"  id="m_age" placeholder="请输入年龄">  </p>
                    <p>出生日期<input  class="form-control"  type="text"  id="m_birthday"placeholder="请输入出生日期">  </p>
                    </from> 
                    </div>
                    <div class="modal-footer">
                        <button id="save" class="btn btn-info" data-dismiss="modal">保存</button>  
                    </div>
                </div>
            </div>
        </div>
       
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/new.js"></script>
</body>

</html>